<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>easyui calendar demo</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" id="swicth-style">
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../js/easyui/easyui-messager.css">

<script type="text/javascript" src="../js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/easyui/easyui-messager.js"></script>
<script type="text/javascript">
$(function(){
	$("#success-msg").click(function(){
		//showMsgOnRightBottom("标题", "操作的消息！！！！", 3000,"success");
		showMsgBoxOnCenter("标题", "操作的消息！！！！", 250,100,3000,"success");
	});
	$("#info-msg").click(function(){
		//showMsgOnRightBottom("标题", "操作的消息！！！！", 3000,"info");
		showMsgBoxOnCenter("标题", "操作的消息！！！！", 250,100,3000,"info");
	});
	$("#error-msg").click(function(){
		//showMsgOnRightBottom("标题", "操作的消息！！！！", 3000,"error");
		showMsgBoxOnCenter("标题", "操作的消息！！！！", 250,100,3000,"error");
	});
	//
	$("#success-msg2").click(function(){
		showMsgOnRightBottom("标题", "操作的消息！！！！", 5000,"success");
	});
	$("#info-msg2").click(function(){
		showMsgOnRightBottom("标题", "操作的消息！！！！", 5000,"info");
	});
	$("#error-msg2").click(function(){
		showMsgOnRightBottom("标题", "操作的消息！！！！", 5000,"error");
	});
});
</script>
</head>
<body>
	<a id="success-msg" href="javascript:void(0)" >成功消息（正中央）</a><br><br>
	
	<a id="info-msg" href="javascript:void(0)">普通消息（正中央）</a><br><br>
	
	<a id="error-msg" href="javascript:void(0)">错误消息（正中央）</a><br><br>
	<hr/>
	<a id="success-msg2" href="javascript:void(0)" >成功消息（右下角）</a><br><br>
	
	<a id="info-msg2" href="javascript:void(0)">普通消息（右下角）</a><br><br>
	
	<a id="error-msg2" href="javascript:void(0)">错误消息（右下角）</a><br><br>
	
</body>
</html>